﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
		<link type="text/css" href="../../Scripts/ui-lightness/jquery-ui-1.7.3.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="../../Scripts/jquery-ui-1.7.3.custom.min.js"></script>
<%
    Html.RenderPartial("~/Views/Plugins/TinymceAreaText.ascx", (ViewData["tinymceId"] = "AContent"));
%>
<a href="javascript:;" onclick="alert(tinyMCE.get('AContent').getContent());return false;">[show contents]</a>

<%
    Html.RenderPartial("~/Views/Plugins/jqueryUploadFile.ascx", (ViewData["uploadFileId"] = "fileInput1"));
%>
     <a href="javascript:;" onclick="alert($('#fileInput1').attr('filepath'));return false;">[show path]</a>


     <%
    Html.RenderPartial("~/Views/Plugins/jqueryUploadFile.ascx", (ViewData["uploadFileId"] = "fileInput2"));
%>
     <a href="javascript:;" onclick="alert($('#fileInput2').attr('filepath'));return false;">[show path]</a>


     		<script type="text/javascript">
     		    $(function () {


     		        // Dialog			
     		        $('#dialog').dialog({
     		            autoOpen: false,
     		            //modal: true,//如果要加遮罩层
     		            width: 300,
     		            buttons: {
     		                "Ok": function () {
     		                    $(this).dialog("close");
     		                },
     		                "Cancel": function () {
     		                    $(this).dialog("close");
     		                }
     		            },
     		            close: function (event, ui) {
     		                $(this).dialog("destroy");

     		                $('#dialog').dialog({
     		                    autoOpen: false,
     		                    //modal: true,//如果要加遮罩层
     		                    width: 300,
     		                    buttons: {
     		                        "Ok": function () {
     		                            $(this).dialog("close");
     		                        },
     		                        "Cancel": function () {
     		                            $(this).dialog("close");
     		                        }
     		                    },
     		                    close: function (event, ui) {
     		                        $(this).dialog("destroy");
     		                    }
     		                    // close://$(this).dialog("destroy")
     		                });
     		            }
     		            // close://$(this).dialog("destroy")
     		        });

     		        // Dialog Link
     		        $('#dialog_link').click(function () {
     		            $('#dialog').dialog('open');
     		            return false;
     		        });
     		        $('#A1').click(function () {
     		            $('#dialog').dialog({
     		                autoOpen: false,
     		                //modal: true,//如果要加遮罩层
     		                width: 300,
     		                buttons: {
     		                    "Ok": function () {
     		                        $(this).dialog("close");
     		                    },
     		                    "Cancel": function () {
     		                        $(this).dialog("close");
     		                    }
     		                },
     		                close: function (event, ui) {
     		                    $(this).dialog("destroy");
     		                }
     		                // close://$(this).dialog("destroy")
     		            });
     		        });
     		    });
		</script>

      <br />
  <br />
    <br />
      <br />
        <br />
    带功能的 dialog example
     <a href="javascript:void(0);" id="dialog_link">打开带功能的dialog</a>
     <a href="javascript:void(0);" id="A1">打开带功能的dialog2</a>
     	<div id="dialog" title="标题写这里">
			<p>内容可以是标签</p>
		</div>
        <table>
        <tr>
        <th>姓名</th>
        <th>书名</th>
        <th>订单状态</th>
        <th>操作</th>
        </tr>
        <tr>
        <td rowspan="4">小白</td>
        <td>图书一</td>
        <td  rowspan="4">订单状态</td>
        <td   rowspan="4">修改订单</td>
        </tr>
        <tr>
        <td>图书二</td>
        </tr>
        <tr>
        <td>图书三</td>
        </tr>
        <tr>
        <td>图书四</td>
        </tr>


                <tr>
        <td rowspan="4">小丁</td>
        <td>图书一</td>
        <td  rowspan="4">订单状态</td>
        <td   rowspan="4">修改订单</td>
        </tr>
        <tr>
        <td>图书二</td>
        </tr>
        <tr>
        <td>图书三</td>
        </tr>
        <tr>
        <td>图书四</td>
        </tr>


        </table>
</asp:Content>
